<template>
  <div class="w-h-100 head-notFind">
    <div class="center-box">
      <span style="color: #4AD3FF;font-size: 127px">404</span>
      <span style="color: #43BDE0;margin: 20px">您的访问页面可能被删除或者不存在</span>
      <el-button size="small" round type="primary" @click="$router.push('/login')">返回登录页</el-button>
    </div>
  </div>
</template>
<style scoped>
.center-box {
  height: 90%;
  width: 90%;
  background-color: #1B4F7E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  flex-direction:column;
}

.head-notFind {
  background-color: #0A3152;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/deep/ .el-button--primary{
  background-color: #1B4F7E;
  border-color:#4AD3FF;
}
</style>
